<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

<title>商品页面</title>
<link href="../../js/AmazeUI-2.4.2/a ssets/css/admin.css" rel="stylesheet" type="text/css" />
<link href="../../js/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css" />
<link href="../../js/basic/css/demo.css" rel="stylesheet" type="text/css" />
<link type="text/css" href="../../css/optstyle.css" rel="stylesheet" />
<link type="text/css" href="../../css/style.css" rel="stylesheet" />
<script type="text/javascript" src="../../js/basic/js/jquery-1.7.min.js"></script>
<script type="text/javascript" src="../../js/basic/js/quick_links.js"></script>
<script type="text/javascript" src="../../js/AmazeUI-2.4.2/assets/js/amazeui.js"></script>
<script type="text/javascript" src="../../js/jquery.imagezoom.min.js"></script>
<script type="text/javascript" src="../../js/jquery.flexslider.js"></script>
<script type="text/javascript" src="../../js/list.js"></script>
<script type="text/javascript" src="../../js/laypage/laypage.js"></script>
<script type="text/javascript" src="../../js/vue/vue.min.js"></script>
<script type="text/javascript" src="../../js/layer/layer.js"></script>
</head>

<body>
	<!-- 判断对象是否存在 -->
	<#if goods?exists> <!--顶部导航条 -->
	<div class="am-container header">
		<ul class="message-l">
			<div class="topMessage">
				<div class="menu-hd">
					<a href="#" target="_top" class="h">亲，请登录</a> <a href="#"
						target="_top">免费注册</a>
				</div>
			</div>
		</ul>
		<ul class="message-r">
			<div class="topMessage home">
				<div class="menu-hd">
					<a href="#" target="_top" class="h">商城首页</a>
				</div>
			</div>
			<div class="topMessage my-shangcheng">
				<div class="menu-hd MyShangcheng">
					<a href="#" target="_top"><i class="am-icon-user am-icon-fw"></i>个人中心</a>
				</div>
			</div>
			<div class="topMessage mini-cart">
				<div class="menu-hd">
					<a id="mc-menu-hd" href="/html/home/shopcart.html" target="_top"><i
						class="am-icon-shopping-cart  am-icon-fw"></i><span>购物车</span><strong
						id="J_MiniCartNum" class="h">0</strong></a>
				</div>
			</div>
			<div class="topMessage favorite">
				<div class="menu-hd">
					<a href="#" target="_top"><i class="am-icon-heart am-icon-fw"></i><span>收藏夹</span></a>
				</div>
		</ul>
	</div>

	<!--悬浮搜索框-->

	<div class="nav white">
		<div class="logo">
			<img src="../../../images/logo.png" />
		</div>
		<div class="logoBig">
			<li><img src="../../../images/logobig.png" /></li>
		</div>
		<div class="search-bar pr">
			<a name="index_none_header_sysc" href="#"></a>
			<form>
				<input id="searchInput" name="index_none_header_sysc" type="text"
					placeholder="搜索" autocomplete="off"> <input
					id="ai-topsearch" class="submit am-btn" value="搜索" index="1"
					type="submit">
			</form>
		</div>
	</div>

	<div class="clear"></div>
	<b class="line"></b>
	<div class="listMain">

		<!--分类-->
		<div class="nav-table">
			<div class="long-title">
				<span class="all-goods">全部分类</span>
			</div>
			<div class="nav-cont">
				<div class="nav-extra">
					<i class="am-icon-user-secret am-icon-md nav-user"></i><b></b>我的福利
					<i class="am-icon-angle-right" style="padding-left: 10px;"></i>
				</div>
			</div>
		</div>
		<ol class="am-breadcrumb am-breadcrumb-slash">
			<li><a href="#">首页</a></li>
			<li><a href="#">分类</a></li>
			<li class="am-active">内容</li>
		</ol>
		<script type="text/javascript">
			$(function() {
			});
			$(window).load(function() {
				$('.flexslider').flexslider({
					animation : "slide",
					start : function(slider) {
						$('body').removeClass('loading');
					}
				});
			});
		</script>
		<div class="scoll">
			<section class="slider">
				<div class="flexslider">
					<ul class="slides">
						<li><img src="../../../images/01.jpg" title="pic" /></li>
						<li><img src="../../../images/02.jpg" /></li>
						<li><img src="../../../images/03.jpg" /></li>
					</ul>
				</div>
			</section>
		</div>

		<!--放大镜-->
		<div class="item-inform">
			<div class="clearfixLeft" id="clearcontent">
				<div class="box">
					<script type="text/javascript">
						$(document).ready(
							function() {
								$(".jqzoom").imagezoom();
								$("#thumblist li a").click(
									function() {
										$(this).parents("li").addClass("tb-selected").siblings().removeClass("tb-selected");
											$(".jqzoom").attr('src',$(this).find("img").attr("mid"));
											$(".jqzoom").attr('rel',$(this).find("img").attr("big"));
										});
							});
					</script>
					<div class="tb-booth tb-pic tb-s310">
						<a href="../../../images/${goodsimgs[0]}.jpg"><img
							src="../../../images/${goodsimgs[0]}_mid.jpg" alt="细节展示放大镜特效"
							rel="../../../images/${goodsimgs[0]}.jpg" class="jqzoom"
							width="350" height="350" /></a>
					</div>
					<ul class="tb-thumb" id="thumblist">
						<#list goodsimgs as goods> <#if goods_index==0>
						<li class="tb-selected">
							<div class="tb-pic tb-s40">
								<a href="javascript:void(0)"><img
									src="../../../images/${goodsimgs[goods_index]}.jpg"
									mid="../../../images/${goodsimgs[goods_index]}.jpg"
									big="../../../images/${goodsimgs[goods_index]}.jpg" width="60"
									height="60"></a>
							</div>
						</li>
						<#else>
						<li>
							<div class="tb-pic tb-s40">
								<a href="javascript:void(0)"><img
									src="../../../images/${goodsimgs[goods_index]}.jpg"
									mid="../../../images/${goodsimgs[goods_index]}.jpg"
									big="../../../images/${goodsimgs[goods_index]}.jpg" width="60"
									height="60"></a>
							</div>
						</li></#if> </#list>
					</ul>
				</div>
				<div class="clear"></div>
			</div>


			<div class="clearfixRight">
				<!--规格属性-->
				<!--名称-->
				<div class="tb-detail-hd">
					<h1 id="goodsname">${goods.name}</h1>
				</div>
				<div class="tb-detail-list">
					<!--价格-->
					<div class="tb-detail-price">
						<li class="price iteminfo_price">
							<dt>促销价</dt>
							<dd>
								<#if pakagelist?exists> <em>¥</em> <b
									class="sys_item_price" id="disprice">${pakagelist[0].price
									* goods.discount}</b> <#else> <em>¥</em> <b
									class="sys_item_price">----</b></#if>
							</dd>
						</li>
						<li class="price iteminfo_mktprice">
							<dt>原价</dt>
							<dd>
								<#if pakagelist?exists> <em>¥</em> <b
									class="sys_item_mktprice" id="orgprice">${pakagelist[0].price}</b>
								<#else> <em>¥</em> <b class="sys_item_price">----</b></#if>
							</dd>
						</li>
						<div class="clear"></div>
					</div>

					<!--地址-->
					<dl class="iteminfo_parameter freight">
						<div class="iteminfo_freprice">
							<div style="margin-left: 30px;">
							<input type="hidden" value="${goods.isFree}" id="idfree"/>
								<#if goods.isFree==2>
								快递<b class="sys_item_freprice">10</b>元
							<#else>
							包邮哦,亲
							</#if>
							</div>
						</div>
					</dl>
					<div class="clear"></div>

					<!--销量-->
					<ul class="tm-ind-panel">
						<li class="tm-ind-item tm-ind-sellCount canClick">
							<div class="tm-indcon">
								<span class="tm-label">月销量</span><span class="tm-count">${molist}</span>
							</div>
						</li>
						<li class="tm-ind-item tm-ind-sumCount canClick">
							<div class="tm-indcon">
								<span class="tm-label">累计销量</span><span class="tm-count">${olist}</span>
							</div>
						</li>
						<li class="tm-ind-item tm-ind-reviewCount canClick tm-line3">
							<div class="tm-indcon">
								<span class="tm-label">累计评价</span><span class="tm-count">${allcomm}</span>
							</div>
						</li>
					</ul>
					<div class="clear"></div>

					<!--各种规格-->
					<dl class="iteminfo_parameter sys_item_specpara">
						<dt class="theme-login">
							<div class="cart-title">
								可选规格<span class="am-icon-angle-right"></span>
							</div>
						</dt>
						<dd>
							<!--操作页面-->
							<div class="theme-popover-mask"></div>
							<div class="theme-popover">
								<div class="theme-span"></div>
								<div class="theme-poptit">
									<a href="javascript:;" title="关闭" class="close">×</a>
								</div>
								<div class="theme-popbod dform">
									<form class="theme-signin" name="loginform" action=""
										method="post">

										<div class="theme-signin-left">
											<div class="theme-options">
												<div class="cart-title">口味</div>
												<ul id="tastetype">
													<#list tastelist as taste> <#if taste_index==0>
													<li class="sku-line selected" value="${taste.id}">${taste.type}</li>
													<#else>
													<li class="sku-line" value="${taste.id}">${taste.type}</li></#if>
													</#list>
												</ul>
											</div>
											<div class="theme-options">
												<div class="cart-title">包装</div>
												<ul id="packagetype">
													<#list pakagelist as pack> <#if pack_index==0>
													<li class="sku-line selected"
														onclick="getprice(${pack.price},${goods.discount})"
														value="${pack.id}">${pack.name}</li>
													<#else>
													<li class="sku-line"
														onclick="getprice(${pack.price},${goods.discount})"
														value="${pack.id}">${pack.name}</li></#if> </#list>
												</ul>
											</div>
											<div class="theme-options">
												<div class="cart-title number">数量</div>
												<dd>
													<input id="min" class="am-btn am-btn-default" name=""
														type="button" value="-" /> <input id="text_box" name=""
														type="text" value="1" style="width: 30px;" /> <input
														id="add" class="am-btn am-btn-default" name=""
														type="button" value="+" /> <span id="Stock"
														class="tb-hidden">库存<span class="stock"
														id="repertory">${goods.repertory}</span>件
													</span>
												</dd>

											</div>
											<div class="clear"></div>

											<div class="btn-op">
												<div class="btn am-btn am-btn-warning">确认</div>
												<div class="btn close am-btn am-btn-warning">取消</div>
											</div>
										</div>
										<div class="theme-signin-right">
											<div class="img-info">
												<img src="../../../images/songzi.jpg" />
											</div>
											<div class="text-info">
												<span class="J_Price price-now">¥39.00</span> <span
													id="Stock" class="tb-hidden">库存<span class="stock">1000</span>件
												</span>
											</div>
										</div>

									</form>
								</div>
							</div>
						</dd>
					</dl>
					<!-- 商品基本信息展示 -->
					<script>
						//价格展示
						function getprice(price,dis){
							$("#disprice").html((price*dis).toFixed(2));
							//原价
							$("#orgprice").html(price);
						}
					</script>
					<div class="clear"></div>
					<!--活动	-->
					<div class="shopPromotion gold">
						<div class="hot">
							<dt class="tb-metatit">店铺优惠</dt>
							<div class="gold-list">
								<p>
									<#if goods.discount !=1> 本店商品一律打${goods.discount*10}折 <#else>
									商品暂时没有优惠 </#if>
									<#if data?exists> <!-- 获取登录的用户id --> <input type="hidden"
										value="${data.id}" id="userId" /> <span
										onclick="getCoupons(${data.id})">点击领券<i
										class="am-icon-sort-down"></i></span>
									</#if>
								</p>
							</div>
						</div>
						<div class="clear"></div>
						<div class="coupon">
							<dt class="tb-metatit">优惠券</dt>
							<div class="gold-list">
								<ul id="couponshow">
									<li v-for="(res,index) in couponresult">{{res.info}}</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<script type="text/javascript">
					//定义优惠券vue对象
					var couponvm = new Vue({
						  el: '#couponshow',
						  data : {
							couponresult :[]
							}
						})
					//获取未领取的优惠券数据
					function getCoupons(uid){
						$.ajax({
							url:"/coupon/getcoupons",
							data:{
								userid :uid
							},
							dataType:"json",
							type:"get",
							success:function(msg){
								//获取优惠券coupon的显示情况
								var cdisplay  = $(".coupon").css("display");
								//判断优惠券是否显示
								if(cdisplay=="block"){
									//判断是否有优惠券可以领取
									if(!$.isEmptyObject(msg)){
										couponvm.couponresult=msg;
										var userid = $("#userId").val();
										var fla = 1;
										for(i=0;i<msg.length;i++){
											var id = msg[i].id;
											var length = msg.length;
											//领取优惠券到用户优惠券信息
											pickupcoupon(id,userid,length,fla);
											fla++;
										}
									}else{
										couponvm.couponresult=[{'info':'没有新的优惠券哦'}];
									}
								}
							}
						});
					}
					//领取优惠券--添加优惠券
					function pickupcoupon(id,userid,length,fla){
						$.ajax({
							url:"/usercoupon/addcoupons",
							data:{
								cid:id,
								uid:userid
							},
							type:"post",
							dataType:"text",
							success:function(res){
								if(res=="ok"){
									if(fla==length){
										layer.open({
											  title: '领取成功'
											  ,content: '成功领取'+length+"张优惠券!"
											  ,icon: 6
											});
									}
								}else if(res=="err"){
									if(fla==length){
										layer.open({
											  title: '领取失败'
											  ,content: '领取失败!'
											  ,icon: 5
											}); 
									}
								}
							}
						})
					}
				</script>
				<div class="pay">
					<div class="pay-opt">
						<a href="home.html"><span class="am-icon-home am-icon-fw">首页</span></a>
						<a><span class="am-icon-heart am-icon-fw">收藏</span></a>

					</div>
					<li>
						<div class="clearfix tb-btn tb-btn-buy theme-login">
							<a id="buy" title="点此按钮到下一步确认购买信息" href="javascript:void(0)">立即购买</a>
						</div>
					</li>
					<li>
						<div class="clearfix tb-btn tb-btn-basket theme-login">
							<a id="LikBasket" title="加入购物车" href="javascript:void(0)"><i></i>加入购物车</a>
						</div>
					</li>
					<li>
						<div class="clearfix tb-btn tb-btn-buy theme-login"
							style="margin-left: 10px;">
							<a id="LikBuy" title="点此按钮到下一步确认购买信息" href="#">收藏商品</a>
						</div>
					</li>
				</div>
			</div>
			<input type="hidden" value="${goods.id}" id="goodsinfo" /> <input
				type="hidden" value="${goodsimgs[0]}" id="imgname" />
		<script type="text/javascript">
					//口味
					var taste = "";
					var tasteid = "";
					//包装
					var pakage = "";
					var pakageid = "";
					//添加到购物车
					$("#LikBasket").click(function(){
						getpras();
						$.ajax({
							url:"/cart/add",
							data:{
									//商品id
									goodsId : $("#goodsinfo").val(),
									//商品名称
									name : $("#goodsname").html(),
									//口味名称
									taste : taste,
									//口味id
									tasteId :tasteid,
									//包装名称
									pakage : pakage,
									//包装id
									pakageId :pakageid,
									//价格
									prePrice : $("#orgprice").html(),
									//折扣价
									price : $("#disprice").html(),
									//数量
									count : $("#text_box").val(),
									//图片名称
									imgname : $("#imgname").val(),
									//是否包邮
									isfree :$("#idfree").val()
								},
							dataType:"text",
							type:"post",
							success:function(msg){
								if(msg=="ok"){
									layer.open({
										  title: '成功'
										  ,content: '添加成功!'
										  ,icon: 6
										});    
								}else if(msg=="err"){
									layer.open({
										  title: '失败'
										  ,content: '加入购物车失败!'
										  ,icon: 5
										});    
								}
							}
						})
					})
					
					//选中的商品,进入支付页面
					$("#buy").click(function(){
						getpras();
						alert(pakage);
						console.log("商品id:"+$("#goodsinfo").val());
						console.log("商品名称:"+$("#goodsname").html());
						console.log("口味:"+taste);
						console.log("口味id:"+tasteid);
						console.log("包装:"+pakage);
						console.log("包装id:"+pakageid);
						console.log("价格:"+$("#orgprice").html());
						console.log("折扣价"+$("#disprice").html());
						console.log("数量:"+$("#text_box").val());
						console.log("图片名称:"+$("#imgname").val());
						console.log("是否包邮:"+$("#idfree").val());
						$.ajax({
							type : "post",
							dataType : "json",
							url : "/order/toPay",
							data : {
								//商品id
								goodsId : $("#goodsinfo").val(),
								//商品名称
								name : $("#goodsname").html(),
								//口味名称
								taste : taste,
								//口味id
								tasteId :tasteid,
								//包装名称
								pakage : pakage,
								//包装id
								pakageId :pakageid,
								//价格
								prePrice : $("#orgprice").html(),
								//折扣价
								price : $("#disprice").html(),
								//数量
								count : $("#text_box").val(),
								//图片名称
								imgname : $("#imgname").val(),
								//是否包邮
								isfree :$("#idfree").val()
							},
							success : function(msg) {
								console.log(msg);
						     location.href = "/html/home/pay.html";
							}
						});
					});
					
					function getpras(){
						//获取口味
						$('#tastetype').find('li').each(function(){
							if($(this).hasClass("sku-line selected")){
								taste = $(this).html();
								tasteid = $(this).val();
							}
						})
						//获取包装
						
						$('#packagetype').find('li').each(function(){
							if($(this).hasClass("sku-line selected")){
								pakage = $(this).html();
								pakageid = $(this).val();
							}
						})
				}
			</script>
			<div class="clear"></div>
		</div>
		<div class="clear"></div>
		<!-- introduce-->
		<div class="introduce">
			<div class="browse">
				<div class="mc">
					<ul>
						<div class="mt">
							<h2>看了又看</h2>
						</div>

						<li class="first">
							<div class="p-img">
								<a href="#"> <img class="" src="../../images/browse1.jpg">
								</a>
							</div>
							<div class="p-name">
								<a href="#"> 【三只松鼠_开口松子】零食坚果特产炒货东北红松子原味 </a>
							</div>
							<div class="p-price">
								<strong>￥35.90</strong>
							</div>
						</li>
						<li>
							<div class="p-img">
								<a href="#"> <img class="" src="../../images/browse1.jpg">
								</a>
							</div>
							<div class="p-name">
								<a href="#"> 【三只松鼠_开口松子】零食坚果特产炒货东北红松子原味 </a>
							</div>
							<div class="p-price">
								<strong>￥35.90</strong>
							</div>
						</li>
						<li>
							<div class="p-img">
								<a href="#"> <img class="" src="../../images/browse1.jpg">
								</a>
							</div>
							<div class="p-name">
								<a href="#"> 【三只松鼠_开口松子】零食坚果特产炒货东北红松子原味 </a>
							</div>
							<div class="p-price">
								<strong>￥35.90</strong>
							</div>
						</li>
						<li>
							<div class="p-img">
								<a href="#"> <img class="" src="../../images/browse1.jpg">
								</a>
							</div>
							<div class="p-name">
								<a href="#"> 【三只松鼠_开口松子】零食坚果特产炒货东北红松子原味 </a>
							</div>
							<div class="p-price">
								<strong>￥35.90</strong>
							</div>
						</li>
						<li>
							<div class="p-img">
								<a href="#"> <img class="" src="../../images/browse1.jpg">
								</a>
							</div>
							<div class="p-name">
								<a href="#"> 【三只松鼠_开口松子218g】零食坚果特产炒货东北红松子原味 </a>
							</div>
							<div class="p-price">
								<strong>￥35.90</strong>
							</div>
						</li>

					</ul>
				</div>
			</div>
			<div class="introduceMain">
				<div class="am-tabs" data-am-tabs>
					<ul class="am-avg-sm-3 am-tabs-nav am-nav am-nav-tabs">
						<li class="am-active"><a href="#"> <span
								class="index-needs-dt-txt">宝贝详情</span></a></li>

						<li><a href="#"> <span class="index-needs-dt-txt">全部评价</span></a>

						</li>

						<li><a href="#"> <span class="index-needs-dt-txt">猜你喜欢</span></a>
						</li>
					</ul>

					<div class="am-tabs-bd">

						<div class="am-tab-panel am-fade am-in am-active">
							<div class="J_Brand">

								<div class="attr-list-hd tm-clear">
									<h4>产品参数：</h4>
								</div>
								<div class="clear"></div>
								<ul id="J_AttrUL">
									<#if attrbute?exists>
									<li title="">产品类型:&nbsp;${attrbute.type}</li>
									<li title="">原料产地:&nbsp;${attrbute.rawPlace}</li>
									<li title="">产地:&nbsp;${attrbute.proPlace}</li>
									<li title="">配料表:&nbsp;${attrbute.burdening}</li>
									<li title="">产品规格:&nbsp;${attrbute.weight}g</li>
									<li title="">保质期:&nbsp;${attrbute.expirattrtion}天</li>
									<li title="">产品标准号:&nbsp;${attrbute.standardNum}</li>
									<li title="">生产许可证编号：&nbsp;${attrbute.licenceNum}</li>
									<li title="">储存方法：&nbsp;${attrbute.storeMethods}</li>
									<li title="">食用方法：&nbsp;${attrbute.eatMethods}</li>
									<#else>
									<li title="">产品类型:&nbsp;</li>
									<li title="">原料产地:&nbsp;</li>
									<li title="">产地:&nbsp;</li>
									<li title="">配料表:&nbsp;</li>
									<li title="">产品规格:&nbsp;</li>
									<li title="">保质期:&nbsp;</li>
									<li title="">产品标准号:&nbsp;</li>
									<li title="">生产许可证编号：&nbsp;</li>
									<li title="">储存方法：&nbsp;</li>
									<li title="">食用方法：&nbsp;</li></#if>
								</ul>
								<div class="clear"></div>
							</div>

							<div class="details">
								<div class="attr-list-hd after-market-hd">
									<h4>商品细节</h4>
								</div>
								<div class="twlistNews">
									<#if detailimgs?exists> <#list detailimgs as detail>
									<img src="../../images/${detail}.jpg" /> </#list> </#if>
								</div>
							</div>
							<div class="clear"></div>

						</div>

						<div class="am-tab-panel am-fade">

							<div class="actor-new">
								<div class="rate">
									<strong>${(favorcomm / allcomm)*100}<span>%</span></strong><br>
									<span>好评度</span>
								</div>
								<div class="tb-r-filter-bar">
									<ul class=" tb-taglist am-avg-sm-4">
										<li class="tb-taglist-li tb-taglist-li-current">
											<div class="comment-info">
												<span>全部评价</span> <span class="tb-tbcr-num">(${allcomm})</span>
											</div>
										</li>

										<li class="tb-taglist-li tb-taglist-li-1">
											<div class="comment-info">
												<span>好评</span> <span class="tb-tbcr-num">(${favorcomm})</span>
											</div>
										</li>

										<li class="tb-taglist-li tb-taglist-li-0">
											<div class="comment-info">
												<span>中评</span> <span class="tb-tbcr-num">(${associcomm})</span>
											</div>
										</li>

										<li class="tb-taglist-li tb-taglist-li--1">
											<div class="comment-info">
												<span>差评</span> <span class="tb-tbcr-num">(${negativecomm})</span>
											</div>
										</li>
									</ul>
								</div>
							</div>
							<div class="clear"></div>

							<ul class="am-comments-list am-comments-list-flip" id="comment">
								<li class="am-comment" v-for="(res,index) in commentresult">
									<!-- 评论容器 --> <a href=""> <img class="am-comment-avatar"
										src="../../images/hwbn40x40.jpg" /> <!-- 评论者头像 -->
								</a>
									<div class="am-comment-main">
										<!-- 评论内容容器 -->
										<header class="am-comment-hd">
											<!--<h3 class="am-comment-title">评论标题</h3>-->
											<div class="am-comment-meta">
												<!-- 评论元数据 -->
												<a href="#link-to-user" class="am-comment-author">
													{{userresult[index].name}} </a>
												<!-- 评论者 -->
												评论于
												<time datetime="">{{dateresult[index]}}</time>
											</div>
										</header>
										<div class="am-comment-bd">
											<div class="tb-rev-item " data-id="255776406962">
												<div class="J_TbcRate_ReviewContent tb-tbcr-content ">
													{{res.content}}</div>
												<div class="tb-r-act-bar">口味：奶油味的&nbsp;&nbsp;包装：好看的包装</div>
											</div>
										</div>
										<!-- 评论内容 -->
									</div>
								</li>

							</ul>

							<div class="clear"></div>
							<!-- <div id="pagebox"></div> -->
							<!--分页 -->
							<ul class="am-pagination am-pagination-right" id="pagebox">
							</ul>
							<div class="clear"></div>
							<script type="text/javascript">
							var vm = new Vue({
								  el: '#comment',
								  data : {
										commentresult : [],
										goodsresult : [],
										userresult : [],
										dateresult : []
									}
								})
							var initComments = function(curr){
								var gid = $("#goodsinfo").val();
								$.ajax({
									url:"/comm/getcombypage",
									data:{  id : gid,
											index : curr || 1,
											pagesize:5
										},
									type:"post",
									dataType:"json",
									success:function(msg){
										vm.commentresult = msg.pageList[0];
										vm.userresult = msg.pageList[1];
										vm.goodsresult = msg.pageList[2];
										vm.dateresult = msg.pageList[3];
										//显示分页
										laypage({
											  //容器。值支持id名、原生dom对象，jquery对象,
											  cont: 'pagebox', 
											  //总页数
											  pages: msg.pageCount,
											  //皮肤
											  skin: 'molv',
											  //将首页显示为数字1,。若不显示，设置false即可
											  first: 1, 
											  //将尾页显示为总页数。若不显示，设置false即可
											  last: msg.pageCount,
											  //当前页
											  curr : curr || 1,
											  //若不显示，设置false即可
											  prev: '<',
											  //若不显示，设置false即可
											  next: '>', 
											  //触发分页后的回调
											  jump : function(obj, first) {
												    //点击跳页触发函数自身，并传递当前页：obj.curr
													if (!first) { 
														$("html,body").animate({scrollTop:$(".introduceMain").offset().top}, 800);
														initComments(obj.curr);
													}
											  }
										});
									}
								})
							}
							initComments();
							</script>
							<div class="tb-reviewsft">
								<div class="tb-rate-alert type-attention">
									购买前请查看该商品的 <a href="#" target="_blank">购物保障</a>，明确您的售后保障权益。
								</div>
							</div>

						</div>

						<div class="am-tab-panel am-fade">
							<div class="like">
								<ul class="am-avg-sm-2 am-avg-md-3 am-avg-lg-4 boxes">
									<li>
										<div class="i-pic limit">
											<img src="../../images/imgsearch1.jpg" />
											<p>
												【良品铺子_开口松子】零食坚果特产炒货 <span>东北红松子奶油味</span>
											</p>
											<p class="price fl">
												<b>¥</b> <strong>298.00</strong>
											</p>
										</div>
									</li>
									<li>
										<div class="i-pic limit">
											<img src="../../images/imgsearch1.jpg" />
											<p>
												【良品铺子_开口松子】零食坚果特产炒货 <span>东北红松子奶油味</span>
											</p>
											<p class="price fl">
												<b>¥</b> <strong>298.00</strong>
											</p>
										</div>
									</li>
									<li>
										<div class="i-pic limit">
											<img src="../../images/imgsearch1.jpg" />
											<p>
												【良品铺子_开口松子】零食坚果特产炒货 <span>东北红松子奶油味</span>
											</p>
											<p class="price fl">
												<b>¥</b> <strong>298.00</strong>
											</p>
										</div>
									</li>
									<li>
										<div class="i-pic limit">
											<img src="../../images/imgsearch1.jpg" />
											<p>
												【良品铺子_开口松子】零食坚果特产炒货 <span>东北红松子奶油味</span>
											</p>
											<p class="price fl">
												<b>¥</b> <strong>298.00</strong>
											</p>
										</div>
									</li>
									<li>
										<div class="i-pic limit">
											<img src="../../images/imgsearch1.jpg" />
											<p>
												【良品铺子_开口松子】零食坚果特产炒货 <span>东北红松子奶油味</span>
											</p>
											<p class="price fl">
												<b>¥</b> <strong>298.00</strong>
											</p>
										</div>
									</li>
									<li>
										<div class="i-pic limit">
											<img src="../../images/imgsearch1.jpg" />
											<p>
												【良品铺子_开口松子】零食坚果特产炒货 <span>东北红松子奶油味</span>
											</p>
											<p class="price fl">
												<b>¥</b> <strong>298.00</strong>
											</p>
										</div>
									</li>
									<li>
										<div class="i-pic limit">
											<img src="../../images/imgsearch1.jpg" />
											<p>
												【良品铺子_开口松子】零食坚果特产炒货 <span>东北红松子奶油味</span>
											</p>
											<p class="price fl">
												<b>¥</b> <strong>298.00</strong>
											</p>
										</div>
									</li>
									<li>
										<div class="i-pic limit">
											<img src="../../images/imgsearch1.jpg" />
											<p>
												【良品铺子_开口松子】零食坚果特产炒货 <span>东北红松子奶油味</span>
											</p>
											<p class="price fl">
												<b>¥</b> <strong>298.00</strong>
											</p>
										</div>
									</li>
									<li>
										<div class="i-pic limit">
											<img src="../../images/imgsearch1.jpg" />
											<p>
												【良品铺子_开口松子】零食坚果特产炒货 <span>东北红松子奶油味</span>
											</p>
											<p class="price fl">
												<b>¥</b> <strong>298.00</strong>
											</p>
										</div>
									</li>
									<li>
										<div class="i-pic limit">
											<img src="../../images/imgsearch1.jpg" />
											<p>
												【良品铺子_开口松子】零食坚果特产炒货 <span>东北红松子奶油味</span>
											</p>
											<p class="price fl">
												<b>¥</b> <strong>298.00</strong>
											</p>
										</div>
									</li>
									<li>
										<div class="i-pic limit">
											<img src="../../images/imgsearch1.jpg" />
											<p>
												【良品铺子_开口松子】零食坚果特产炒货 <span>东北红松子奶油味</span>
											</p>
											<p class="price fl">
												<b>¥</b> <strong>298.00</strong>
											</p>
										</div>
									</li>
									<li>
										<div class="i-pic limit">
											<img src="../../images/imgsearch1.jpg" />
											<p>
												【良品铺子_开口松子】零食坚果特产炒货 <span>东北红松子奶油味</span>
											</p>
											<p class="price fl">
												<b>¥</b> <strong>298.00</strong>
											</p>
										</div>
									</li>
								</ul>
							</div>
							<div class="clear"></div>

							<!--分页 -->
							<ul class="am-pagination am-pagination-right">
								<li class="am-disabled"><a href="#">&laquo;</a></li>
								<li class="am-active"><a href="#">1</a></li>
								<li><a href="#">2</a></li>
								<li><a href="#">3</a></li>
								<li><a href="#">4</a></li>
								<li><a href="#">5</a></li>
								<li><a href="#">&raquo;</a></li>
							</ul>
							<div class="clear"></div>

						</div>

					</div>

				</div>

				<div class="clear"></div>

				<div class="footer">
					<div class="footer-hd">
						<p>
							<a href="#">恒望科技</a> <b>|</b> <a href="/cate/getfirstcate">商城首页</a>
							<b>|</b> <a href="#">支付宝</a> <b>|</b> <a href="#">物流</a>
						</p>
					</div>
					<div class="footer-bd">
						<p>
							<a href="#">关于恒望</a> <a href="#">合作伙伴</a> <a href="#">联系我们</a> <a
								href="#">网站地图</a> <em>© 2015-2025 Hengwang.com 版权所有</em>
						</p>
					</div>
				</div>
			</div>

		</div>
	</div>
	<!--菜单 -->
	<div class=tip>
		<div id="sidebar">
			<div id="wrap">
				<div id="prof" class="item">
					<a href="#"> <span class="setting"></span>
					</a>
					<div class="ibar_login_box status_login">
						<div class="avatar_box">
							<p class="avatar_imgbox">
								<img src="../../images/no-img_mid_.jpg" />
							</p>
							<ul class="user_info">
								<li>用户名：sl1903</li>
								<li>级&nbsp;别：普通会员</li>
							</ul>
						</div>
						<div class="login_btnbox">
							<a href="#" class="login_order">我的订单</a> <a href="#"
								class="login_favorite">我的收藏</a>
						</div>
						<i class="icon_arrow_white"></i>
					</div>

				</div>
				<div id="shopCart" class="item">
					<a href="#"> <span class="message"></span>
					</a>
					<p>购物车</p>
					<p class="cart_num">0</p>
				</div>
				<div id="asset" class="item">
					<a href="#"> <span class="view"></span>
					</a>
					<div class="mp_tooltip">
						我的资产 <i class="icon_arrow_right_black"></i>
					</div>
				</div>

				<div id="foot" class="item">
					<a href="#"> <span class="zuji"></span>
					</a>
					<div class="mp_tooltip">
						我的足迹 <i class="icon_arrow_right_black"></i>
					</div>
				</div>

				<div id="brand" class="item">
					<a href="#"> <span class="wdsc"><img
							src="../../images/wdsc.png" /></span>
					</a>
					<div class="mp_tooltip">
						我的收藏 <i class="icon_arrow_right_black"></i>
					</div>
				</div>

				<div id="broadcast" class="item">
					<a href="#"> <span class="chongzhi"><img
							src="../../images/chongzhi.png" /></span>
					</a>
					<div class="mp_tooltip">
						我要充值 <i class="icon_arrow_right_black"></i>
					</div>
				</div>

				<div class="quick_toggle">
					<li class="qtitem"><a href="#"><span class="kfzx"></span></a>
						<div class="mp_tooltip">
							客服中心<i class="icon_arrow_right_black"></i>
						</div></li>
					<!--二维码 -->
					<li class="qtitem"><a href="#none"><span
							class="mpbtn_qrcode"></span></a>
						<div class="mp_qrcode" style="display: none;">
							<img src="../../images/weixin_code_145.png" /><i
								class="icon_arrow_white"></i>
						</div></li>
					<li class="qtitem"><a href="#top" class="return_top"><span
							class="top"></span></a></li>
				</div>

				<!--回到顶部 -->
				<div id="quick_links_pop" class="quick_links_pop hide"></div>

			</div>

		</div>
		<div id="prof-content" class="nav-content">
			<div class="nav-con-close">
				<i class="am-icon-angle-right am-icon-fw"></i>
			</div>
			<div>我</div>
		</div>
		<div id="shopCart-content" class="nav-content">
			<div class="nav-con-close">
				<i class="am-icon-angle-right am-icon-fw"></i>
			</div>
			<div>购物车</div>
		</div>
		<div id="asset-content" class="nav-content">
			<div class="nav-con-close">
				<i class="am-icon-angle-right am-icon-fw"></i>
			</div>
			<div>资产</div>

			<div class="ia-head-list">
				<a href="#" target="_blank" class="pl">
					<div class="num">0</div>
					<div class="text">优惠券</div>
				</a> <a href="#" target="_blank" class="pl">
					<div class="num">0</div>
					<div class="text">红包</div>
				</a> <a href="#" target="_blank" class="pl money">
					<div class="num">￥0</div>
					<div class="text">余额</div>
				</a>
			</div>

		</div>
		<div id="foot-content" class="nav-content">
			<div class="nav-con-close">
				<i class="am-icon-angle-right am-icon-fw"></i>
			</div>
			<div>足迹</div>
		</div>
		<div id="brand-content" class="nav-content">
			<div class="nav-con-close">
				<i class="am-icon-angle-right am-icon-fw"></i>
			</div>
			<div>收藏</div>
		</div>
		<div id="broadcast-content" class="nav-content">
			<div class="nav-con-close">
				<i class="am-icon-angle-right am-icon-fw"></i>
			</div>
			<div>充值</div>
		</div>
	</div>
	</#if>
	${session.removeAttribute("negativecomm")}
	${session.removeAttribute("associcomm")}
	${session.removeAttribute("favorcomm")}
	${session.removeAttribute("allcomm")}
	${session.removeAttribute("comments")}
	${session.removeAttribute("attrbute")}
	${session.removeAttribute("molist")}
	${session.removeAttribute("olist")}
	${session.removeAttribute("tastelist")}
	${session.removeAttribute("pakagelist")}
	${session.removeAttribute("goodsimgs")}
	${session.removeAttribute("detailimgs")}
	${session.removeAttribute("goods")}
</body>

</html>